/* vivo-head */
#vivo-head{z-index:1;position:relative;width: 10%;float: right;}
.search-user b{background:url(../image/vivo-head-ico.png) no-repeat center top;}

#vivo-head{z-index:99;position:relative;}
#vivo-head .vivo-nav{height:45px;margin:auto;background:#fff;position:relative;z-index:999;width: 50px;}

.vivo-nav .search-user{float:right;height:45px;}
.search-user a{width:45px;height:35px;display:inline-block;margin-left:15px;position:relative;top:8px;background:#fff;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{}
.search-user a b{width:45px;height:35px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search:hover b,.search-user a.search.current b{}
.search-user a.user b{}

.search-user a.user:hover b,.search-user a.user.current b{background:url(../image/vivo-head-ico.png) no-repeat center bottom;}

#vivo-head .vivo-search{height:100px;width:100%;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:500px;height:40px;position:absolute;top:30px;left:40%;margin-left:-465px;-webkit-box-shadow:0 1px 2px rgb(105,103,103);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:40px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{    position: absolute; top: 0px;  right: 0px;float: right;width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#ee282d;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#ee282d;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../image/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../image/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}